{{Template:BUCT/CSS/LoadingCover}}
{{Template:BUCT/CSS/BarTemplate}}
<html>
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/team_name&action=raw&ctype=text/css" type="text/css" rel="stylesheet" />

<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/main&action=raw&ctype=text/css" type="text/css" rel="stylesheet"/>
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/home-style&action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/button&action=raw&ctype=text/css" type="text/css" rel="stylesheet"/>

<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/wave&action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/PT_page&action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
<link href="https://2020.igem.org/wiki/index.php?title=Template:BUCT/CSS/stars&action=raw&ctype=text/css" type="text/css" rel="stylesheet" />
<script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/bg_stars&action=raw&ctype=text/javascript"></script>
<script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/partner_page&action=raw&ctype=text/javascript"></script>
<script src="https://2020.igem.org/wiki/index.php?title=Template:BUCT/JS/gsap&action=raw&ctype=text/javascript"></script>
<style type="text/css">
    /*页脚颜色定制*/
    .team-container{
        margin-top: 300px!important;
    }
    footer {
        margin-top: -40px!important;
        background-color: var(--col-deepblue) !important;
    }

    .wave-box {
        margin-top: 200px!important;
    }

    footer .container .box .img {
        background: #ccf6cc !important;
        box-shadow: 18px 18px 30px #add1ad,
        -18px -18px 30px #ebffeb !important;
    }

    footer .container .box .img:hover {
        background: #ccf6cc !important;
        box-shadow: 0px 0px 0px #add1ad,
        0px 0px 0px #ebffeb,
        inset 18px 18px 30px #add1ad,
        inset -18px -18px 30px #ebffeb !important;

    }

</style>

<div class="bg-star-container"><canvas id="bubbles-canvas"></canvas>
    <svg class="jellyfish"    viewBox="0 0 278.8 291.7">
        <defs>
            <style>
                .cls-1 {
                    fill: #b2d1dc
                }

                .cls-2 {
                    fill: rgba(165, 191, 193, 0.5)
                }

                .cls-3 {
                    fill: #d5a2a2
                }

                .cls-4 {
                    fill: rgba(148, 199, 204, 0.8)
                }

                .cls-5 {
                    fill: rgba(147, 203, 223, 0.5)
                }

                .cls-6 {
                    fill: #93b8c4
                }

                .cls-7 {
                    fill: #c9ecf8
                }

                .cls-8 {
                    fill: #dbf2f9
                }

                .cls-9 {
                    fill: #eea4a4
                }
            </style>
        </defs>

    </svg></div><!-- partial -->
<div id="body-content" style="visibility: hidden" >

    <div class="buct-poster" >
        <img  style="width:900px;height: 600px" alt="poster" src="https://2020.igem.org/wiki/images/f/fa/T--BUCT--partnership_poster.png" />
    </div>
    <div class="article-menu">
        <div class="menu-titles" onclick="scrollControl(800)">
            Overview
        </div>
        <div class="menu-titles" onclick="scrollControl(1600)">
            iGEM Competition Propagation
        </div>
        <div class="menu-titles" onclick="scrollControl(2000)">
            Live broadcast
        </div>
        <div class="menu-titles" onclick="scrollControl(2500)">
            Mini synthetic biology lessons-Nankou Primary School
        </div>

    </div>


    <div class="article-content">
        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Overview</h1>
        <p>
            Our public participation work is divided into two main parts, the public part and the student part. In the public part, it is difficult to communicate offline with the public because of pandemic this year. Thus, we flexibly adopt the form of online broadcasting, which not only enables the public to learn synthetic biology without leaving home, but also reduces the risk of crowd gathering. Our activities go well and feedback is gratifying.
        </p>
        <p>
            In the contact with students, we communicate with students of different ages: College students have a good knowledge base and can learn from each other to promote the development of IGEM; Primary school students are full of curiosity and imagination. We introduced the knowledge of biology and learned about their innovative views on biological problems, which opened our minds.
        </p>
        <p>
            Our capacity is limited, but through our work, more people realize the concept and importance of synthetic biology, and can scientifically understand biological issues in our life, which is much more meaningful.
        </p>
        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />iGEM Competition Propagation</h1>
        <p>
            In Beijing University of Chemical Technology, we held the iGEM competition propaganda lecture for freshmen, and invited teachers and students from the College of Life Science and Technology to participate. We transformed our poster into display boards and placed them all over the campus. In the lecture, we introduced the spirit of iGEM and the progress of “Legolas·Microcysin”. Some freshmen in the life college also showed their strong interest in this competition.
        </p>
        <h2></h2>
        <h1 ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Live broadcast</h1>
        <h3>- synthetic biology class for the public</h3>
        <p>For those who don't know synthetic biology and don't have much biological knowledge, there are always something about "chemicals" and "biological products" that make them feel uneasy. They sometimes easily believe the unscientific rumors going viral in social media.
        </p>
        <p>
            As a part of iGEM science communication, we conducted three live broadcasts on the Chinese Knowledge Q&A app "Zhihu" (like "Quora"), with the main themes of iGEM, synthetic biology and dispelling of popular rumors. The live broadcast effect was very good, with an average audience of about 10,000, which contributed to the public publicity of iGEM and synthetic biology.
        </p>

        <h2></h2>
        <h1 style="font-size: 30px;" ><img src="https://2020.igem.org/wiki/images/1/1c/T--BUCT--star.png" alt="star" />Mini synthetic biology lessons-Nankou Primary School</h1>


        <p>In Nankou primary school, we held a mini-lecture on iGEM competition for children, and invited students and teachers from all grades and departments to participate. In order to let more children and teachers know this, we have made posters and distributed brief leaflets. At the class, we introduced iGEM, synthetic biology, transgenic, virus, vaccine and other issues related to synthetic biology in life. The students who attended the lecture also raised many questions. Children's thoughts are very unconstrained, and it also gives us some inspiration.</p>




    </div>



</div>

<div class="wave-box" >
    <svg viewBox="0 0 120 28">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
                <feColorMatrix in="blur" mode="matrix" values="
           1 0 0 0 0
           0 1 0 0 0
           0 0 1 0 0
           0 0 0 13 -9" result="goo" />
                <xfeBlend in="SourceGraphic" in2="goo" />
            </filter>
            <path id="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
        </defs>

        <use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2" ></use>
        <use id="wave2" class="wave" xlink:href="#wave" x="0" y="0" ></use>


        <g class="gooeff" filter="url(#goo)">
            <circle class="drop drop1" cx="20" cy="2" r="8.8"  />
            <circle class="drop drop2" cx="25" cy="2.5" r="7.5"  />
            <circle class="drop drop3" cx="16" cy="2.8" r="9.2"  />
            <circle class="drop drop4" cx="18" cy="2" r="8.8"  />
            <circle class="drop drop5" cx="22" cy="2.5" r="7.5"  />
            <circle class="drop drop6" cx="26" cy="2.8" r="9.2"  />
            <circle class="drop drop1" cx="5" cy="4.4" r="8.8"  />
            <circle class="drop drop2" cx="5" cy="4.1" r="7.5"  />
            <circle class="drop drop3" cx="8" cy="3.8" r="9.2"  />
            <circle class="drop drop4" cx="3" cy="4.4" r="8.8"  />
            <circle class="drop drop5" cx="7" cy="4.1" r="7.5"  />
            <circle class="drop drop6" cx="10" cy="4.3" r="9.2"  />

            <circle class="drop drop1" cx="1.2" cy="5.4" r="8.8"  />
            <circle class="drop drop2" cx="5.2" cy="5.1" r="7.5"  />
            <circle class="drop drop3" cx="10.2" cy="5.3" r="9.2"  />
            <circle class="drop drop4" cx="3.2" cy="5.4" r="8.8"  />
            <circle class="drop drop5" cx="14.2" cy="5.1" r="7.5"  />
            <circle class="drop drop6" cx="17.2" cy="4.8" r="9.2"  />
            <use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
        </g>
        <!-- g mask="url(#xxx)">
        <path   id="wave1"  class="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
        </g>
      </g -->

    </svg>
</div>
<div class="wave-bottom"></div>

</html>
{{Template:BUCT/CSS/FooterTemplate}}
